<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
      <title>JSP小脚本</title>
      <style type="text/css">
        .wrapper { border: 1px solid blue ; display: flex ; height: 100px }
        .wrapper>b { flex-basis: 100px ; }
        .wrapper>b:nth-child(2n) { background: #dfdfdf ; }
        .wrapper>b:nth-child(2n+1) { background: #fcfcd6; }
      </style>
  </head>
  <body>

    <%-- JSP注释 仅存在于 .jsp 文件中，在翻译后的 .java 中不包含 JSP注释 --%>
    <h3>JSP小脚本</h3>
    <p>在.jsp文件中使用 &lt;% &nbsp; &nbsp; %&gt; 形式可以直接嵌入 Java代码</p>
    <div class="wrapper">
      <%
        for( int i = 1 ; i <= 10 ; i++ ){
          // 使用JSP标准内置对象中的 out 输出数据
          out.println( "<b>" + i + "</b>");
        }
      %>
    </div>

    <p>在 .jsp 文件中可以通过 &lt;%= &nbsp; &nbsp; %&gt; 形式可以使用 JSP表达式</p>
    <div class="wrapper">
      <% for( int i = 1 ; i <= 10 ; i++ ){ %>
        <b><%= i %></b>
      <% } %>
    </div>

  </body>
</html>
